<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>
			金熙
		</title>
		<!-- css -->
		<link rel="stylesheet" href="bootstrap-3.3.5/css/bootstrap.min.css">
		<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"
		/>
		<link href="css/nivo-lightbox.css" rel="stylesheet" />
		<link href="css/nivo-lightbox-theme/default/default.css" rel="stylesheet"
		type="text/css" />
		<link href="css/animations.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet">
		<link href="color/default.css" rel="stylesheet">
		<style type="text/css" media="all">
		body{
		    font-weight:normal;
		}
			hr{ border-top: 1px solid #bababa; } .nav.navbar-nav{ background-color:
			rgba(255, 255, 255, 0); } .navbar-custom .nav li.active{ background-color:
			rgba(255, 255, 255, 0); } #menu ul li a{ color:#FFFFFF;font-size:100%;font-family: "Microsoft YaHei Light" ! important; font-weight:normal;} #navigation {
			border-top: 0px solid #3dc9b3; } .hero{ padding:1px 0px 1px 0px; }
		</style>
	</head>
	<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
		<section class="hero" id="intro" style="padding-bottom:-20px;">
			<div>
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
					<!-- Indicators -->
					<ol class="carousel-indicators">
						<li data-target="#carousel-example-generic" data-slide-to="0" class="active">
						</li>
						<li data-target="#carousel-example-generic" data-slide-to="1">
						</li>
						<li data-target="#carousel-example-generic" data-slide-to="2">
						</li>
					</ol>
					<!-- Wrapper for slides -->
					<div class="carousel-inner" role="listbox">
						<div class="item active">
							<img src="img/qiehuan.png" width="100%" alt="" />
							<div class="carousel-caption">
							</div>
						</div>
						<div class="item">
							<img src="img/qiehuan.png" width="100%" alt="...">
							<div class="carousel-caption">
							</div>
						</div>
						<div class="item">
							<img src="img/qiehuan.png" width="100%" alt="...">
							<div class="carousel-caption">
							</div>
						</div>
					</div>
					<!-- Controls -->
					<a class="left carousel-control" href="#carousel-example-generic" role="button"
					data-slide="prev">
						<span class="glyphicon glyphicon-chevron-left" aria-hidden="true">
						</span>
						<span class="sr-only">
							Previous
						</span>
					</a>
					<a class="right carousel-control" href="#carousel-example-generic" role="button"
					data-slide="next">
						<span class="glyphicon glyphicon-chevron-right" aria-hidden="true">
						</span>
						<span class="sr-only">
							Next
						</span>
					</a>
				</div>
			</div>
		</section>
		<!-- Navigation -->
		<div id="navigation" style="background:#8b8b8b;height:50px">
			<nav class="navbar navbar-custom" style="padding-top:0px;padding-bottom:0px">
				<div class="row">
					<div class="col-md-3 text-right">
						<div class="site-logo">
							<a href="#intro">
								<img src="img/logo.png" height="100%" alt="" />
							</a>
						</div>
					</div>
					<div class="col-md-9 ">
						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="menu" style="padding-right:30%">
							<ul class="nav navbar-nav navbar-right ">
								<li class="active">
									<a href="#intro">
										首页
									</a>
								</li>
								<li>
									<a href="#service">
										服务
									</a>
								</li>
								<li>
									<a href="#case">
										案例
									</a>
								</li>
								<li>
									<a href="#about">
										关于
									</a>
								</li>
								<li>
									<a href="#infor">
										资讯
									</a>
								</li>
								<li>
									<a href="#contact">
										联系
									</a>
								</li>
							</ul>
						</div>
						<!-- /.Navbar-collapse -->
					</div>
				</div>
				<!-- /.container -->
			</nav>
		</div>
		<!-- /Navigation -->
		<!-- Section: 体验场景-->
		<section id="tycj" class="home-section color-dark bg-white" style="padding-top:0">
			<img src="img/tycj.png" width="100%" alt="" />
		</section>
		<!-- /Section: 体验场景-->
		<!-- Section: 服务-->
		<section id="service" class="home-section color-dark bg-white ">
			<div class="container marginbot-50">
				<div class="animatedParent">
					<div class="section-heading text-center animated bounceInDown">
						<img src="img/service.png" alt="" />
					</div>
				</div>
			</div>
			<div style="  padding-left:20%;padding-right:20%">
				<div class="row" style="padding-top:100px">
					<div class="col-md-2">
						<img src="img/1.png" width="100%" alt="...">
					</div>
					<div class="col-md-10">
						<strong>
							<p>
								O2O体验场景系统的智能化解决方案
							</p>
						</strong>
						<small>
							对客户体验环境进行系统化的设计规划后，导入营销数据、移动系统、社交媒体融合、定 位系统、 传感光电、体感、触感、AR增强现实等系统工具，激发用户内心、视觉、触觉、
							听觉、味觉的诉求，营造线上平台线下实体店用户与产品的非凡体验场景。
						</small>
					</div>
				</div>
				<div class="row" style="padding-top:100px">
					<div class="col-md-2">
						<img src="img/2.png" width="100%" alt="...">
					</div>
					<div class="col-md-10">
						<strong>
							<p>
								O2O体验店创新的模块化建设
							</p>
						</strong>
						<small>
							根据客户定制的体验店场景设计，运用工厂标准化、模块化生产的“傻瓜”式集成模块技 术+互联网集成技术，无缝兼容扩展、任意组合、，打造线上线下融合的互动体验营销空
							间，释放实体店巨大能量。
						</small>
					</div>
				</div>
				<div class="row" style="padding-top:100px">
					<div class="col-md-2">
						<img src="img/3.png" width="100%" alt="...">
					</div>
					<div class="col-md-10">
						<strong>
							<p>
								品牌整合设计
							</p>
						</strong>
						<small>
							牌全案规划、VI导视系统设计、SI空间环境规划与设计。
						</small>
					</div>
				</div>
			</div>
		</section>
		<!-- /Section: 服务-->
		<!-- Section: -->
		<section class="home-section color-dark" style="padding-top:0">
			<img src="img/img2.png" width="100%" alt="" />
		</section>
		<!-- /Section: -->
		<!-- Section:专利 -->
		<section id="zhuanli" class="home-section color-dark white text-center"
		style="padding-top:0">
			<img src="img/zhuanli.png" width="60%" alt="" />
		</section>
		<!-- /Section: 专利 -->
		<!-- Section:案例-->
		<section id="case" class="home-section color-dark bg-yellow " style="padding-top:0;background:#ffcc33">
			<div class="text-center" style="padding-top:100px;padding-left:20%;padding-right:20%">
				<p>
					<img src="img/case.png" alt="" />
				</p>
				<p>
					<img src="img/caseImg.png" width="100%" alt="" />
				</p>
			</div>
			<div class="row" style="padding-left:20%;padding-right:20%">
				<div class="col-xs-5 col-md-4">
					<a href="#" class="thumbnail">
						<img src="img/case/6.png" alt="...">
					</a>
				</div>
				<div class="col-xs-5 col-md-4">
					<a href="#" class="thumbnail">
						<img src="img/case/6.png" alt="...">
					</a>
				</div>
				<div class="col-xs-5 col-md-4">
					<a href="#" class="thumbnail">
						<img src="img/case/6.png" alt="...">
					</a>
				</div>
				<div class="col-xs-5 col-md-4">
					<a href="#" class="thumbnail">
						<img src="img/case/6.png" alt="...">
					</a>
				</div>
				<div class="col-xs-5 col-md-4">
					<a href="#" class="thumbnail">
						<img src="img/case/6.png" alt="...">
					</a>
				</div>
				<div class="col-xs-5 col-md-4">
					<a href="#" class="thumbnail">
						<img src="img/case/6.png" alt="...">
					</a>
				</div>
			</div>
		</section>
		<!-- /Section: 案例 -->
		<!-- Section: 智慧场景体验 -->
		<section id="zhuanli" class="home-section color-dark white" style="padding-top:0">
			<img src="img/zhcjty.png" width="100%" alt="" />
		</section>
		<!-- /Section: 智慧场景体验 -->
		<!-- Section: about -->
		<section id="about" class="home-section color-dark bg-white">
			<div class="container marginbot-50">
				<div class="animatedParent">
					<div class="section-heading text-center animated bounceInDown">
						<img src="img/about.png" alt="" />
					</div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<p>
						金熙商业建设股份有限公司成立于1998年。
					</p>
					<p>
						17年来，我们与全球知名品牌合作，积累了50000多间商业场所及连锁实体店的体验场景建设经验，并取得 49项国家专利技术。
					</p>
					<img src="img/about/1.png" width="100%" alt="" />
					<p>
						核心成员曾为2008北京奥运会、2010世博会中国馆灯光、互动体验、视觉形象展示的规划设计，爱玛仕 (HERMES)全球专卖店的形象设计 。其他成员来自品牌策划、互动营销、产品设计、环境艺术工程、IT、电子
						商务、物联网、电子工程等不同知识背景 。
					</p>
					<img src="img/about/2.png" width="100%" alt="" />
					<p>
						金熙拥有香港扬光展示工程有限公司及控股3家国内生产企业，下辖20多家不同的配套厂和完善的物流体系， 年生产能力超10亿元以上。生产的道具及展示产品范围涉及金属结构、木制品、有机玻璃、复合材料、LED、
						新材料、声色光电、传感、物联网、智能化体验技术融合及工程施工等方面，并获ISO质量管理体系认证。
					</p>
					<img src="img/about/3.png" width="100%" alt="" />
					<br>
					<br>
					<strong>
						<h4>
							荣 誉
						</h4>
					</strong>
					<p>
						获授49项国家专利技术
					</p>
					<p>
						中国连锁经营协会会员
					</p>
					<p>
						2005入围中国展示行业最具创造力品牌
					</p>
					<p>
						2005荣获东莞杯全国工业设计大赛优秀作品奖
					</p>
					<p>
						2007欧洲工业设计大赛获提名作品
					</p>
					<p>
						全国优秀展览展示工程（设计）百强企业，位列第7位
					</p>
					<p>
						全国展览展示工程十佳优秀设计承建单位
					</p>
					<p>
						国际商业美术设计师协会ICADA特级展示设计师资质
					</p>
					<p>
						.....
					</p>
				</div>
			</div>
		</section>
		<!-- /Section: about -->
		<!-- Section: 资讯 -->
		<section id="infor" class="home-section color-dark white" style="background:#dbdbdb">
			<div class="container marginbot-50">
				<div class="animatedParent">
					<div class="section-heading text-center animated bounceInDown">
						<img src="img/zx.png" alt="" />
					</div>
				</div>
			</div>
			<div class="row" style="padding-left:20%;padding-right:20%">
				<div class="col-xs-4 col-md-6">
					<div class="row">
						<div class="col-md-3">
							<a href="#" class="thumbnail">
								<img src="img/aaaaa.png" alt="...">
							</a>
						</div>
						<div class="col-md-9">
							<h6>
								广东民营企业家走出去大“赚”归
							</h6>
							<p>
								2015-01-26
							</p>
						</div>
					</div>
					<hr class="myhr">
				</div>
				<div class="col-xs-4 col-md-6">
					<div class="row">
						<div class="col-md-3">
							<a href="#" class="thumbnail">
								<img src="img/aaaaa.png" alt="...">
							</a>
						</div>
						<div class="col-md-9">
							<h6>
								广东民营企业家走出去大“赚”归
							</h6>
							<p>
								2015-01-26
							</p>
						</div>
					</div>
					<hr>
				</div>
				<div class="col-xs-4 col-md-6">
					<div class="row">
						<div class="col-md-3">
							<a href="#" class="thumbnail">
								<img src="img/aaaaa.png" alt="...">
							</a>
						</div>
						<div class="col-md-9">
							<h6>
								广东民营企业家走出去大“赚”归
							</h6>
							<p>
								2015-01-26
							</p>
						</div>
					</div>
					<hr>
				</div>
				<div class="col-xs-4 col-md-6">
					<div class="row">
						<div class="col-md-3">
							<a href="#" class="thumbnail">
								<img src="img/aaaaa.png" alt="...">
							</a>
						</div>
						<div class="col-md-9">
							<h6>
								广东民营企业家走出去大“赚”归
							</h6>
							<p>
								2015-01-26
							</p>
						</div>
					</div>
					<hr>
				</div>
				<div class="col-xs-4 col-md-6">
					<div class="row">
						<div class="col-md-3">
							<a href="#" class="thumbnail">
								<img src="img/aaaaa.png" alt="...">
							</a>
						</div>
						<div class="col-md-9">
							<h6>
								广东民营企业家走出去大“赚”归
							</h6>
							<p>
								2015-01-26
							</p>
						</div>
					</div>
				</div>
				<div class="col-xs-4 col-md-6">
					<div class="row">
						<div class="col-md-3">
							<a href="#" class="thumbnail">
								<img src="img/aaaaa.png" alt="...">
							</a>
						</div>
						<div class="col-md-9">
							<h6>
								广东民营企业家走出去大“赚”归
							</h6>
							<p>
								2015-01-26
							</p>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- /Section: 资讯 -->
		<!-- Section: contact -->
		<section id="contact" class="home-section nopadd-bot color-dark bg-gray"
		style="background:#ffcc33">
			<div class="container marginbot-50">
				<div class="animatedParent">
					<div class="section-heading text-center animated bounceInDown">
						<img src="img/contact.png" alt="" />
					</div>
				</div>
			</div>
			<div class="container">
				<div style="padding-left:18%;padding-right:18%">
					<p>
						<span>
							<img src="img/address.png" alt="" />
						</span>
						<b style="padding-left:10px">
							营运创新中心:广州市番禺大道北555号天安节能科技园总部中心1号20楼北全层
						</b>
					</p>
					<p>
						<span>
							<img src="img/tel.png" alt="" />
						</span>
						<b style="padding-left:10px">
							13352889988 020-84399388 39218399
						</b>
					</p>
					<p>
						<span>
							<img src="img/mail.png" alt="" />
						</span>
						<b style="padding-left:10px">
							1315637308@QQ.COM
						</b>
					</p>
				</div>
				<div class="row marginbot-80">
					<div class="col-md-8 col-md-offset-2">
						<form id="contact-form">
							<div class="row marginbot-20">
								<div class="col-md-6 xs-marginbot-20">
									<p>
										<input type="text" class="form-control input-lg" placeholder="姓名*" required="required"
										/>
									</p>
									<p>
										<input type="text" class="form-control input-lg" placeholder="邮箱*" required="required"
										/>
									</p>
									<p>
										<input type="text" class="form-control input-lg" placeholder="电话*" required="required"
										/>
									</p>
								</div>
								<div class="col-md-6">
									<textarea class="form-control input-lg" rows="4" cols="300" placeholder="留言*"
									style="height:180px">
									</textarea>
								</div>
							</div>
							<div class="text-right">
								<button style="width:130px" type="submit" class="btn label-default ">
									提交
								</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</section>
		<!-- /Section: contact -->
		<!-- 底部 -->
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<ul class="footer-menu">
							<li>
								<a href="#">
									Home
								</a>
							</li>
							<li>
								<a href="#">
									Press release
								</a>
							</li>
						</ul>
					</div>
					<div class="col-md-6 text-right">
						<p>
							&copy;Copyright 2015 - 金熙
							<a href="#">
								金熙
							</a>
						</p>
					</div>
				</div>
			</div>
		</footer>
		<!-- Core JavaScript Files -->
		<script src="js/jquery.min.js">
		</script>
		<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js">
		</script>
		<script src="js/jquery.sticky.js">
		</script>
		<script src="js/jquery.easing.min.js">
		</script>
		<script src="js/jquery.scrollTo.js">
		</script>
		<script src="js/jquery.appear.js">
		</script>
		<script src="js/stellar.js">
		</script>
		<script src="js/nivo-lightbox.min.js">
		</script>
		<script src="js/custom.js">
		</script>
		<script src="js/css3-animate-it.js">
		</script>
	</body>

</html>